$(function() {


    // 导航栏跟踪线
    $('.leftNav li').each(function() {
        $(this).hover(function() {
            $(this).addClass('active').siblings().removeClass('active');
        }, function() {
            $(this).removeClass('active');
        })
    })

    // 轮播图
    $(".slider").YuxiSlider({
        width: 700, //容器宽度
        height: 300, //容器高度
        control: $('.control'), //绑定控制按钮
        during: 2000, //间隔2秒自动滑动
        speed: 800, //移动速度0.8秒
        mousewheel: true, //是否开启鼠标滚轮控制
        direkey: true //是否开启左右箭头方向控制
    });
    // 数字动画
    odoo.default({
        el: '.js-odoo',
        value: ' 3  1  1  9  2'
    })

    // 更多

    $(".last").on("click", function() {
            var image = $('.image');
            var a = $(this).find("i.fa").hasClass("fa-angle-up");
            if (a) {
                $('.hide').slideDown();
                image.animate({ top: '60px' })
                $(this).find("i.fa").removeClass("fa-angle-up").addClass("fa-angle-down");
            } else {
                $('.hide').slideUp();
                image.animate({ top: '0px' })
                $(this).find("i.fa").removeClass("fa-angle-down").addClass("fa-angle-up");
            }

        })
        // $('#wrap .a1').each(function(index) {

    //     $(this).mouseenter(function() {

    //         $('.divA').eq(index).stop().animate({
    //             bottom: '-66px'
    //         });

    //         $('.a2').eq(index).css({ top: '0' })
    //         $('.p4').eq(index).css({ top: '20px' })
    //         $('.p5').eq(index).css({ top: '35px' })
    //         $('.p6').eq(index).css({ top: '95px' })
    //         $('.p7').eq(index).css({ top: '125px' })



    //     })


    // })
    // $('#wrap .a2').each(function(index) {
    //     $('#wrap  .a2').mouseleave(function() {

    //         $('.divA').eq(index).stop().animate({
    //             bottom: '0px'
    //         });
    //         $('.a2').eq(index).css({ top: '250px' });
    //         $('.p4').eq(index).css({ top: '260px' })
    //         $('.p5').eq(index).css({ top: '300px' })
    //         $('.p6').eq(index).css({ top: '395px' })
    //         $('.p7').eq(index).css({ top: '420px' })

    //     })

    // })
    $('#wrap li').mouseenter(function() {
        $(this).find('.divA').stop().animate({ bottom: '-66px' });
        $(this).find('.a2').css({ top: '0' })
        $(this).children('.a2').find('.p4').css({ top: '20px' })
        $(this).children('.a2').find('.p5').css({ top: '35px' })
        $(this).children('.a2').find('.p6').css({ top: '95px' })
        $(this).children('.a2').find('.p7').css({ top: '125px' })
    })
    $('#wrap li').mouseleave(function() {
        $(this).find('.divA').stop().animate({ bottom: '0px' });
        $(this).find('.a2').css({ top: '250px' })
        $(this).children('.a2').find('.p4').css({ top: '260px' })
        $(this).children('.a2').find('.p5').css({ top: '300px' })
        $(this).children('.a2').find('.p6').css({ top: '390px' })
        $(this).children('.a2').find('.p7').css({ top: '420px' })
    })










    $('.tab td').each(function(index) {
        $(this).hover(function() {
            $(this).addClass('active').siblings().removeClass('active');
            $('.tabContent .ul').eq(index).addClass('current').siblings().removeClass('current');


        }, function() {
            $(this).removeClass('active');

        })


    })



})